@charset "utf-8";
    @import url(glide.css);
    @import url(style.css);
    .toe {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
button, input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: none;
}
.header { width:100%}
.gh {
    height: 60px;
    width: 60px;
    cursor: pointer;
    display: none;
    float: right;
    -webkit-transform: translateZ(0) rotate(0);
    -ms-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4, .01, .165, .99);
    transition: transform .4s cubic-bezier(.4, .01, .165, .99);
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
.gh svg {
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateZ(0) rotate(0);
    -ms-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
    fill: #fff;
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99);
    transition: transform .25s cubic-bezier(.4, .01, .165, .99);
}
.gh rect {
    left: 0;
    top: 0;
    -webkit-transition: -webkit-transform .2s .2s;
    transition: transform .2s .2s;
}
.gh svg.top .rect {
    -webkit-transform: translate3d(0, -8px, 0);
    -ms-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
}
.gh svg.bottom rect {
    -webkit-transform: translate3d(0, 8px, 0);
    -ms-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
}
.selected .gh {
    -webkit-transform: translateZ(0) rotate(90deg);
    -ms-transform: translateZ(0) rotate(90deg);
    transform: translateZ(0) rotate(90deg);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4, .01, .165, .99);
    transition: transform .4s cubic-bezier(.4, .01, .165, .99);
}
.selected .gh svg {
    -webkit-transition: -webkit-transform .25s .2s cubic-bezier(.4, .01, .165, .99);
    transition: transform .25s .2s cubic-bezier(.4, .01, .165, .99);
    -webkit-transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    transform: translateZ(0) rotate(45deg);
}
.selected .gh svg.bottom {
    -webkit-transform: translateZ(0) rotate(-45deg);
    -ms-transform: translateZ(0) rotate(-45deg);
    transform: translateZ(0) rotate(-45deg);
}
.selected .gh svg.top {
    -webkit-transform: translateZ(0) rotate(45deg);
    -ms-transform: translateZ(0) rotate(45deg);
    transform: translateZ(0) rotate(45deg);
}
.selected .gh. rect {
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.selected .gh svg.bottom rect, .selected .gh svg.top rect {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@media only screen and (max-width:1300px) {
    .layout {
    width: auto;
}


.header {
    width: 96%;
    padding: 10px 2%}
.header-wp {
    width: auto;
}
.header .nav li {
    padding: 0 10px;
}
}
@media only screen and (max-width:1000px) {
    .foot-nav, .footer .f-main .link ul, .header .nav li, .home-news .body li .img {
    text-align: center;
}
.home-feature .body, .wrapper {
    width: auto;
}
.header {
    padding: 0 2%; width:1200px}
.header .logo {
    width: auto;
    height: 45px;
    margin-top: 5px;
}
.header .sear{margin-left: 0;}
.header .sear .text {
    display: block;
}
.content1 b{ padding-left:25px;
padding-right:25px
}
.content1 nav{ 
padding-right:35px
}
.home-slide { width:1200px}

.bottom { width: 1200px;margin: auto;}

.banner {width: 1200px;}
.main {width: 1200px;}
.web_pager  {width: 700px;}
.zjgls {
    margin: 40px auto;
}
.home-slide li .text {
    width: auto;
    left: 80px;
    margin-left: 0;
    top: 20%}
.home-slide li .text h2 {
    font-size: 48px;
}
.home-slide li .text h4 {
    font-size: 18px;
}
.home-feature .body ul {
    width: 100%}
.home-feature .body li {
    width: 33%}
.home-news .body {
    width: 96%}
.home-news .body li .text {
    width: 65%;
    margin-left: 5%}
.home-news .body li .img {
    width: 30%;
    margin: 0;
}
.home-news .body li .img a {
    width:auto;
    margin: auto;
}

.footer .wrapper {
    padding-left: 20px;
    padding-right: 20px;
}
.foot-nav {
    width: 100%;
    float: none;
}
.foot-nav dl dd {
    display: none;
}
.gh {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 99;
}
.header {
    z-index: 999;
}



.footer .f-main {
    width: 100%}
.footer .f-main dl {
    float: none;
    display: inline-block;
    padding: 0 10px;
    margin: 0;
}
.footer .f-main .imgs {
    float: none;
    width: 100%}
.footer .f-main .imgs .link {
    width: 100%;
    text-align: center;
}
.footer .f-main .qrcode {
    display: table;
    margin: 10px auto 0;
}
.footer .f-sub .text {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.xwmt {
    margin: 40px auto;
    padding: 0 3%}
.gsdt li .text {
    width: 80%;
    margin: 0 0 0 5%}
.gsdt li .text.imgyes {
    width: 70%;
    margin-left: 40px;
}
.gsdt li .img {
    margin-bottom: 20px;
}
.content {
    padding: 50px 3% 30px;
}
.cpyy {
    margin: 40px auto;
}
#showproduct {
    padding: 20px 3%}
#showproduct dl.pshow dt {
    width: 94% !important;
    padding: 15px 3%;
    float: none;
}
#showproduct dl.pshow dd, #showproduct dl.pshow dd .web_box {
    padding: 0;
    margin: 0!important;
}
#showproduct dl.pshow dd {
    width: 100%;
    float: none;
}
#searchlist {
    padding: 15px 3%}
#messagelist {
    margin: 40px 0;
}
.rcfz {
    margin: 40px auto;
}
.lxwm {
    margin: 40px 3%}
.nav_1 .wrapper {
    width: auto;
}
.search{margin: 40px 3%;}
.web_section{
    width:25%;float: left;
}
.web_section aside{width: 100%;}
#searchlist{
    width:73%;margin-left: 2%;
}
}
@media only screen and (max-width:800px) {
    .cpyy .bd .body ul li, .login li, .lxwm .bd, .lxwm .bd dd {
    height: auto;
}

.lxwm .bd, .lxwm .bd .dl3, .td, .xwmt .bd .fenx, .xwmt .bd .img {
    margin-top: 20px;
}
.footer .f-main .imgs {
    float: none;
    display: block;
    clear: both;
    padding: 0;
}
.nav_1 li {
    padding: 0 10px;
    font-size: 16px;
}
.content .list li {
    position: relative;
    padding-left: 100px;
    width: auto;
    float: none;
    background: #fff;
    margin-right: 0;
    margin-bottom: 20px;
}
.cpyy .bd, .cpyy .hd, .login, .lxwm .bd {
    padding: 0 20px;
}
.content .list li .left {
    position: absolute;
    left: 0;
    top: 0;
}
.content .list li .right {
    width: auto;
    float: none;
}
.content .list ul {
    width: auto;
}
.pages li {
    margin-bottom: 10px;
}
.cpyy .bd .img, .cpyy .bd .tab, .cpyy .bd .tab ul {
    width: auto;
    height: auto;
}
.cpyy .bd .tab li {
    width: auto;
    float: none;
    margin-bottom: 1px;
}
.login li, .xwmt .bd .img {
    margin-bottom: 0;
}
.cpyy .bd .body ul {
    width: auto;
}
.cpyy .bd .body ul li {
    width: auto;
    float: none;
    background-position: left top;
}
.login {
    width: auto;
}
.login label {
    width: auto;
    float: none;
}
.login .text {
    float: none;
    width: auto;
    width: 95%}
.login .btn {
    width: 100%;
    margin-left: 0;
}
.lxwm .bd dl {
    float: none;
    width: auto;
    margin-right: 0;
}
.lxwm .bd dd .left, .lxwm .bd dd .right {
    width: auto;
    float: none;
}
.lxwm .bd .dl2 {
    text-align: left;
}
.td {
    width: auto;
    height: 300px;
}
.gsdt li .text.imgyes {
    width: 65%;
    margin-left: 30px;
}
.details {
    padding: 0;
}
.xwmt .bd .img {
    width: auto;
    height: auto;
}
.web_tools {
    height: auto;
}
.web_tools .web_page {
    width: 100%;
    position: static;
}
.web_tools .web_page li {
    display: block;
    float: left;
}
.rcfz .ygfc {
    padding-left: 20px;
    padding-right: 20px;
}
.rcfz .ygfc ul {
    width: auto;
}
.rcfz .ygfc li {
    width: 50%;
    margin: 0 0 20px;
    text-align: center;
}
.rcfz .ygfc li .img {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 10px;
}
.rcfz .ygfc li .img img {
    display: block;
    width: 100%}
.gsjj li, .zjgls .img, .zjgls .text {
    width: auto;
    float: none;
}
.rcfz .ygfc li .img .sub {
    display: none!important;
}
.zxns .bd {
    padding: 20px;
}
.zjgls {
    padding: 0 3%}
.zjgls .text p {
    margin-bottom: .5em;
}
.zjgls .img {
    height: auto;
    margin-top: 40px;
    text-align: center;
}
.main1 {
    padding: 0 20px;
}
.gsjj li {
    margin: 50px 0;
}
.gsjj li h2 {
    margin-bottom: 10px;
}
.banner{min-height: 0;}
.banner .wrapper {
    top: 30%}
.banner h2 {
    font-size: 30px;
}
.banner h3 {
    font-size: 24px;
}
}
@media only screen and (max-width:640px) {
    .footer .f-sub ul, .home-feature .body li {
    float: none;
    display: block;
}
.header {
    background: rgba(7, 96, 176, .5)!important;
}
/*.header .sear .text, .slider-arrow {
    display: none;
}*/
.home-slide {
    margin-top: 50px;
}
.home-slide li .text {
    top: 30%}
.home-slide li .text h2 {
    font-size: 32px;
}
.home-slide li .text h4 {
    font-size: 14px;
    margin-top: 10px;
}
.home-slide li .text .btn {
    margin-top: 10px;
}
.home-slide li .text .btn a {
    width: 80px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}
.home-tip {
    padding: 20px;
}
.home-tip h2 {
    font-size: 18px;
}
.home-tip h4 {
    font-size: 12px;
}
.home-feature .body li {
    width: 100% !important;
}
.home-feature .body li img {
    width: 100% !important;
}
.home-feature .body li h4 {
    max-width: 100% !important;
}
.home-imgs .body li {
    width: 50%}
.home-contact {
    font-size: 14px;
    padding: 20px;
}
.f-sub-son,.footer-link{text-align: left;}
.v52fmbx dl {
    padding: 10px 5%;
    display: block;
}
.v52fmbx dl dd, .v52fmbx dl dt {
    width: 100%;
    padding: 0;
    margin: 0;
}
.v52fmbx dl dd .fbox {
    width: 100%;
    margin: 0;
}
.fbox select, .fbox textarea, .ftype_input .fbox input {
    width: 90%;
    padding: 5px 4%;
    margin: 0;
}
.noborder dt {
    display: none;
}
#onlinebox {
    display: none!important;
}
.main .lists li {
    width: 49%;
    margin: 0 2% 20px 0;
}
.main .lists li:nth-child(3n) {
    margin-right: 2%}
.main .lists li:nth-child(even) {
    margin-right: 0;
}
.main .lists li .text {
    padding: 10px;
}
.main .lists li .text h4 {
    font-size: 16px;
}
.main .lists li .text p {
    font-size: 14px;
}
.cpyy {
    margin: 30px auto;
}

#showproduct .web_nav {
    margin: 15px 0;
    line-height: 35px;
}
#showproduct .web_nav li a {
    padding: 0 20px;
}
.lxwm {
    margin: 30px 3%}
#searchlist {
    padding: 0 3%}
.zjgls {
    margin: 30px auto;
}
#messagelist {
    margin: 30px 0;
}
.xwmt {
    margin: 30px auto;
}
.gsdt li .text.imgyes {
    width: 60%;
    margin-left: 20px;
}
.rcfz {
    margin: 30px auto;
}
.banner .wrapper {
    top: 40%;
}
.banner h2{
    font-size: 24px;
}
.banner h3 {
    font-size: 18px;
}
.spic {
    margin-right: 2px!important;
}
.spic img {
    width: 60px!important;
}
.nav_1 li, .nav_1_sub a {
    width: 25%;
    padding: 0;
    float: left;
}
.nav_1_sub{overflow: hidden;}
.search{margin:30px 3%;}
.web_section{
    width:100%;float: none;
}
#searchlist{
    width:100%;margin:20px 0 0;
}
#showproduct dl.pshow dt li.flex-active{width: 60px;height: 60px;}
#showproduct dl.pshow dt li img{width: 60px;}
.change-btn dd{background: rgba(7,96,176,.5);}
.slider-arrows{display: none !important;}
}
@media only screen and (max-width:480px) {
.gh{width:40px;height:40px;margin-top: 5px;}
    .home-feature .body, .home-feature li h2, .home-feature li h4 {
    margin-top: 10px;
}
.header .sear{margin-right: 10px;}
.content, .home-feature {
    padding-top: 30px;
}
.home-slide li .text h2 {
    font-size: 16px;
}
.home-imgs .head h2, .home-news .head h2 {
    font-size: 24px;
}
.home-feature .body li {
    margin-bottom: 40px;
}
.home-feature .head h2 {
    font-size: 24px;
    margin-top: 10px;
}
.home-feature li .btn {
    margin-top: 5px;
}
.home-imgs .body li {
    width: 100%;
    text-align: center;
}
.home-news .body li{display: block;}
.home-news .body li .img{margin: auto;}
.home-news .body li .text {
    width: 100%!important;max-width: 100%;
    margin: 10px 0 0;
    text-align: center;
}
.footer .f-main dl {
    float: none;
    display: block;
    margin-top: 10px;
    margin-right: 0;
}
.footer .f-main dl:first-child {
    margin-top: 0;
}
.footer .f-main dt {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.footer .f-main .qrcode li {
    margin-bottom: 20px;
}
.footer .f-main .qrcode li:last-child {
    margin-bottom: 0;
}
.footer-link {
    line-height: 1.5;
}
.slider-nav {
    bottom: 10px;
}
.slider-nav__item {
    width: 10px;
    height: 10px;
    background: #9e9e9e;
    border-radius: 10px;
}
.slider-nav__item--current {
    background: #3888bb;
}
.gsdt li {
    display: block;
}
.gsdt li>div {
    float: left;
}
.gsdt li .text.imgyes {
    width: 100%;
    margin: 0;
}
.gsdt li .text h2 {
    font-weight: 400;
}
#showproduct .web_nav {
    margin: 10px 0;
    line-height: 30px;
}
#showproduct .web_nav li a {
    padding: 0 10px;
}
#showproduct dl.pshow dt .my-simple-gallery figure img {
    width: 100%;
    height: auto;
}
.nav_1 li, .nav_1_sub a {
    font-size: 14px;line-height: 2em;
}
.banner {
    height: 155px;
}
.banner .wrapper {
    top: 45%}
.banner h2 {
    font-size: 20px;
}
.banner h3 {
    font-size: 16px;
}
.banner img {
    width: 480px;
	height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -240px;
}
.lxwm .details .hd {
    width: 100%;
    margin: 0;
}
}
@media only screen and (max-width:350px) {
    .main .lists li {
    width: 100%;
    margin: 0 0 10px;
}
.cpyy, .zjgls {
    margin: 20px auto;
}
#showproduct .web_nav li a {
    padding: 0 5px;
}
#messagelist {
    margin: 20px 0;
}
.rcfz, .xwmt {
    margin: 20px auto;
}
.lxwm {
    margin: 20px 3%}

}
}